<?php echo $this->tag->stylesheetLink('css/countdown/jquery.countdownTimer.css'); ?>
<div>
    <div id="countdowntimer"><span id="future_date"></span></div>
    <div class="question-img" id="question-img"></div>
    <div id="question-audio"></div>
    <div id="question-doc"></div>
    <div id="question-block"></div>
    <div id="btn-block"></div>
    <input type="hidden" id="current" value="<?php echo $current; ?>"/>
    <input type="hidden" id="pre" value=""/>
    <input type="hidden" id="next" value=""/>
    <input type="hidden" id="data-id" value="<?php echo $id; ?>"/>
    <input type="hidden" id="room-id" value="<?php echo $room; ?>"/>
</div>
<?php echo $this->tag->javascriptInclude('js/soundjs/soundjs-0.5.2.min.js'); ?>
<?php echo $this->tag->javascriptInclude('js/countdown/jquery.countdownTimer.min.js'); ?>
<?php echo $this->tag->javascriptInclude('js/ws.js'); ?>
<?php echo $this->tag->javascriptInclude('js/test.js'); ?>

<script>
    $(document).ready(function() {
        $("#future_date").countdowntimer({
            dateAndTime: "<?php echo date('Y/m/d H:i:s', $exercise->endTime) ?>",
            size: "lg"
        });
    });
</script>